<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<h:form id="formHistorial" prependId="false">
		<div>
			<div class="divPanelGridFiltro" align="center">
				<h:panelGrid id="panelBusquedaHistorialSolicitudes" columns="4">
					<h:outputLabel styleClass="label-general" value="Fecha desde: " />
					<p:calendar id="fechaDesde" pattern="dd/MM/yyyy"
						value="#{historialCotizacionesController.fechaDesde}"
						readonlyInput="true" locale="es">
					</p:calendar>
					<h:outputLabel styleClass="label-general" value="Fecha hasta: " />
					<p:calendar id="fechaHasta" pattern="dd/MM/yyyy"
						value="#{historialCotizacionesController.fechaHasta}"
						readonlyInput="true" locale="es">
					</p:calendar>
					<h:outputLabel styleClass="label-general" value="Sucursal:" />
					<p:selectOneMenu id="sucursalHistorial"
						value="#{historialCotizacionesController.idSucursal}"
						styleClass="select-general">
						<f:selectItem itemLabel="Seleccione" itemValue="-1" />
						<f:selectItems
							value="#{historialCotizacionesController.listaSucursales}"
							var="sucursal" itemValue="#{sucursal.idSucursal}"
							itemLabel="#{sucursal.nombre}"></f:selectItems>
					</p:selectOneMenu>
					<h:outputLabel styleClass="label-general" value="Estado : " />
					<p:selectOneMenu id="estadoCotizacion" styleClass="select-general"
						value="#{historialCotizacionesController.idEstadoCotizacion}">
						<f:selectItem itemLabel="Seleccione" itemValue="-1" />
						<f:selectItems
							value="#{historialCotizacionesController.listaEstadosCotizacion}"
							var="estadoCotizacion"
							itemValue="#{estadoCotizacion.idEstadoCotizacion}"
							itemLabel="#{estadoCotizacion.nombre}"></f:selectItems>
					</p:selectOneMenu>

				</h:panelGrid>
				<div class="divBotonesFiltro" align="center">
					<p:commandButton value="Buscar" styleClass="butonSmall"
						action="#{historialCotizacionesController.buscarCotizaciones}"
						process="@this, panelBusquedaHistorialSolicitudes"
						update="panelResultadosHistorialCotizaciones" />
					<p:spacer width="5" />
					<p:commandButton value="Limpiar" styleClass="butonSmall"
						process="@this"
						action="#{historialCotizacionesController.limpiarBusqueda}"
						update="panelBusquedaHistorialSolicitudes" />
					<p:spacer width="5" />
				</div>
			</div>

			<div class="data-table-ventas">
				<p:spacer height="25">
				</p:spacer>
				<div class="data-table-ventas">
					<h:panelGroup id="panelResultadosHistorialCotizaciones">
						<p:dataTable var="cotizacion"
							value="#{historialCotizacionesController.listaCotizaciones}"
							rowKey="#{cotizacion.idCotizacion}"
							emptyMessage=""
							paginator="true" paginatorPosition="top" rows="10"
							paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
							currentPageReportTemplate="{currentPage} de {totalPages}">

							<p:column sortBy="#{cotizacion.idCotizacion}" headerText="N&#176; cotizaci&#243;n" style="text-align: center;">
								<h:outputText value="#{cotizacion.idCotizacion}" />
							</p:column>
							
							<p:column sortBy="#{cotizacion.fechaCreacion}" headerText="Fec. cotizaci&#243;n"
								style="text-align: center;">
								<h:outputText value="#{cotizacion.fechaCreacion}">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</h:outputText>
							</p:column>
							
							<p:column sortBy="#{cotizacion.sucursal.nombre}"  headerText="Sucursal de recojo">
								<h:outputText value="#{cotizacion.sucursal.nombre}" />
							</p:column>
							
							<p:column sortBy="#{cotizacion.vendedor.usuario.nombres} #{cotizacion.vendedor.usuario.apellidos}"  headerText="Vendedor"
								sortFunction="#{ordenarDatatable.ordernar}" >
								<h:outputText value="#{cotizacion.vendedor.usuario.nombres} #{cotizacion.vendedor.usuario.apellidos}" />
							</p:column>
							
							<p:column sortBy="#{cotizacion.sucursal.departamento.nombre}" headerText="Departamento">
								<h:outputText value="#{cotizacion.sucursal.departamento.nombre}" />
							</p:column>
							
							<p:column sortBy="#{cotizacion.sucursal.provincia.nombre}" headerText="Provincia">
								<h:outputText value="#{cotizacion.sucursal.provincia.nombre}" />
							</p:column>
							
							<p:column sortBy="#{cotizacion.estadoCotizacion.nombre}" headerText="Estado"
								sortFunction="#{ordenarDatatable.ordernar}">
								<h:outputText value="#{cotizacion.estadoCotizacion.nombre}" />
							</p:column>
							
							<p:column style="width: 2%;" >
								<f:facet name="header">
									<h:outputText value=" " />
								</f:facet>
								<p:commandLink id="botonComprarRepuesto"
									action="#{historialCotizacionesController.seleccionarCotizacionHistorial}"
									oncomplete="wvPopupDetalleCotizacionHistorial.show()"
									update=":tabGeneral:formHistorialDetalle:panelCotizacionHistorialDetalle"
									process=":tabGeneral:formHistorial:panelResultadosHistorialCotizaciones">
									<h:graphicImage library="images" name="detalle.png"
										styleClass="iconSmall" alt="Ver detalle del repuesto"
										title="Detalle de la cotizaci&#243;n" />
									<f:setPropertyActionListener value="#{cotizacion}"
										target="#{historialCotizacionesController.cotizacionSeleccionada}" />
								</p:commandLink>
							</p:column>
							

							<f:facet name="footer">
								<div class="pie-cantidad-resultados">
									<h:outputText
										rendered="#{historialCotizacionesController.listaCotizaciones.size()>1}"
										value="Se encontraron #{historialCotizacionesController.listaCotizaciones.size()} cotizaciones." />
									<h:outputText
										rendered="#{historialCotizacionesController.listaCotizaciones.size()==1}"
										value="Se encontr&#243; #{historialCotizacionesController.listaCotizaciones.size()} cotizaci&#243;n." />
									<h:outputText
										rendered="#{historialCotizacionesController.listaCotizaciones.size()==0}"
										value="No se encontraron cotizaciones." />
								</div>
							</f:facet>
						</p:dataTable>
					</h:panelGroup>
				</div>
			</div>
		</div>
	</h:form>
	<h:form id="formHistorialDetalle" prependId="false">
		<p:dialog widgetVar="wvPopupDetalleCotizacionHistorial"
			closable="true" draggable="false" header="Detalle de cotizaci&#243;n"
			modal="true" resizable="false">
			<div class="divPrincipalPopUp">
				<h:panelGroup id="panelCotizacionHistorialDetalle">
					<div class="divPanelGridFiltro" align="center">
						<p:panelGrid >
							<p:row>
								<p:column>
									<h:outputLabel>Fecha cotizaci&#243;n:</h:outputLabel>
								</p:column>
								<p:column>
									<h:outputText styleClass="texto-general"
										value="#{historialCotizacionesController.cotizacionSeleccionada.fechaCreacion}">
										<f:convertDateTime pattern="dd/MM/yyyy" />
									</h:outputText>
								</p:column>
								<p:column>
									<h:outputLabel>Estado:</h:outputLabel>
								</p:column>
								<p:column>
									<h:outputText styleClass="texto-general"
										value="#{historialCotizacionesController.cotizacionSeleccionada.estadoCotizacion.nombre}" />
								</p:column>
								<p:column>
									<h:outputLabel>N&#176; solicitud: </h:outputLabel>
								</p:column>
								<p:column>
									<h:outputText styleClass="texto-general"
										value="#{historialCotizacionesController.cotizacionSeleccionada.idCotizacion}" />
								</p:column>
							</p:row>
							<p:row>
								<p:column><h:outputLabel>Departamento:</h:outputLabel></p:column>
								<p:column><h:outputText styleClass="texto-general" value="#{historialCotizacionesController.cotizacionSeleccionada.sucursal.departamento.nombre}" /></p:column>
								<p:column><h:outputLabel>Provincia:</h:outputLabel></p:column>
								<p:column><h:outputText styleClass="texto-general" value="#{historialCotizacionesController.cotizacionSeleccionada.sucursal.provincia.nombre}" /></p:column>
								<p:column><h:outputLabel>Sucursal: </h:outputLabel></p:column>
								<p:column><h:outputText styleClass="texto-general" value="#{historialCotizacionesController.cotizacionSeleccionada.sucursal.nombre}" /></p:column>
							</p:row>
							<p:row>
								<p:column><h:outputLabel>Nombre vendedor: </h:outputLabel></p:column>
								<p:column><h:outputText styleClass="texto-general" value="#{historialCotizacionesController.cotizacionSeleccionada.vendedor.usuario.nombres}" /></p:column>
								<p:column><h:outputLabel>Apellidos vendedor: </h:outputLabel></p:column>
								<p:column><h:outputText styleClass="texto-general" value="#{historialCotizacionesController.cotizacionSeleccionada.vendedor.usuario.apellidos}" /></p:column>
								<p:column></p:column>
								<p:column></p:column>
							</p:row>
							<p:row>
								<p:column colspan="1">
									<h:outputLabel styleClass="label-general"
										value="Observaci&#243;n:" />
								</p:column>
								<p:column colspan="5">
									<p:inputTextarea  readonly="true" style="color: #888; width: 520px; height: 60px;" autoResize="false"
										value="#{historialCotizacionesController.cotizacionSeleccionada.observacion}"></p:inputTextarea>


								</p:column>
							</p:row>


						</p:panelGrid>
					</div>

					<p:spacer height="10">
					</p:spacer>
					
					
					<p:spacer height="25">
					</p:spacer>
					<div style="width: 900px">
						<h:panelGroup id="panelHistorialCotizacionesDetalle">
							<p:dataTable  
								value="#{historialCotizacionesController.listaElementoCotizaciones}"
								var="elemento"
								emptyMessage="No se encontraron promociones de filtro deseado"
								paginator="true" paginatorPosition="top" rows="10"
								paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
								currentPageReportTemplate="{currentPage} de {totalPages}">

								<p:column headerText="Marca"
									sortBy="#{elemento.marca==null ? 'N/A' : elemento.marca}"
									sortFunction="#{ordenarDatatable.ordernar}">
									<h:outputText
										value="#{elemento.marca==null ? 'N/A' : elemento.marca}" />
								</p:column>

								<p:column headerText="Tipo " style="width: 50px;"
									sortBy="#{elemento.tipoVehiculo == null ? 'N/A' : elemento.tipoVehiculo}">
									<h:outputText
										value="#{elemento.tipoVehiculo == null ? 'N/A' : elemento.tipoVehiculo}" />
								</p:column>

								<p:column headerText="Modelo"  style="width:100px;"
									sortBy="#{elemento.modelo == null ? 'N/A' : elemento.modelo}">
									<h:outputText
										value="#{elemento.modelo == null ? 'N/A' : elemento.modelo}" />
								</p:column>


								<p:column headerText="#{etiquetaController.etiquetaChasis.nombre}" style="width: 180px;"
									sortBy="#{elemento.chasis == null ? 'N/A' : elemento.chasis }">
									<h:outputText
										value="#{elemento.chasis == null ? 'N/A' : elemento.chasis }" />
								</p:column>

								<p:column headerText="#{etiquetaController.etiquetaPlaca.nombre}" style="width: 120px;"
									sortBy="#{elemento.placa == null ? 'N/A' : elemento.placa}">
									<h:outputText
										value="#{elemento.placa == null ? 'N/A' : elemento.placa}" />
								</p:column>

								<p:column headerText="Descripci&#243;n" 
									sortBy="#{elemento.promocion!=null ? elemento.promocion.descripcion : elemento.imagenRepuesto.repuesto.nombre}"
									sortFunction="#{ordenarDatatable.ordernar}">
									<h:outputText
										value="#{elemento.promocion!=null ? elemento.promocion.descripcion : elemento.imagenRepuesto.repuesto.nombre}" />
								</p:column>

								<p:column headerText="Cant." style="text-align: right; width: 10px; "
									sortBy="#{elemento.cantidad}">
									<h:outputText
										value="#{elemento.cantidad == null ? 'N/A' : elemento.cantidad}" />
								</p:column>

							</p:dataTable>
						</h:panelGroup>
					</div>

				</h:panelGroup>
			</div>
		</p:dialog>

	</h:form>


</ui:composition>